import { Modal, Button} from 'antd';
import React, { useState } from 'react';


function Modal3() {
    const [isModalVisible, setIsModalVisible] = useState(false);

    const showModal = () => {
        setIsModalVisible(true);
    };

    const handleOk = () => {
        setIsModalVisible(false);
    };

    const handleCancel = () => {
        setIsModalVisible(false);
    };
    return (
        <div>
            <Button type='link' onClick={showModal}>
                删除
            </Button>
            <Modal 
            title="提示" 
            visible={isModalVisible} 
            onCancel={handleCancel}
            footer={[
                <Button onClick={handleOk}>确认</Button>,
                <Button onClick={handleCancel}>取消</Button>
            ]}>
                <b>确定将该原因删除？</b>
                <p>删除后包含该原因的内容将无法显示</p>
            </Modal>
        </div>
    )
}
export default Modal3;